一篇文章搞懂闭包。

直接进入主题，闭包是什么？

• 闭包是写代码过程产生的一种自然结果，而不是一种概念。
• 相比于一些概念性的解释，更重要的是熟悉它的应用场景、及常见写法。
• 如果非要用一句话定义闭包：
  我更加认同《你不知道的javaScript》作者的一句话：当函数可以记住并访问所在的词法作用域时，就产生了闭包。

所以本文将会从闭包的应用场景入手，来印证kyle simpson的这句话。

列举两个常见应用场景

1. 场景一：封装函数的私有属性和方法

   //local变量是foo函数的私有属性，只能通过bar函数来访问。
   function foo() {
     const local = 1
     function bar() {
       return local
     }
     return bar
   }
   let bar = foo()
   console.log(bar()) // 1

   bar函数记住了foo函数的词法作用域，导致foo函数运行完后并不会被垃圾回收，我们可以通过bar函数尽情地访问foo函数的作用域。

2. 场景二：给10个li添加点击事件

   // 错误写法：
   function bindEvent() {
     var li = document.querySelectorAll('li')
     for(var i = 0; i < 10; i++) {
       li[i].addEventListener('click', function bar(){
         console.log(i)
       })
     }
   }
   bindEvent() //无论点击哪个li，都会打印出10

   错误的原因很明显，10个bar函数中的i访问的都是同一个i，这个i属于foo函数。

   // 正确写法:
   function bindEvent() {
     var li = document.querySelectorAll('li')
     for(var i = 0; i < 10; i++) {
       li[i].addEventListener('click', (function foo(j){
         return bar() {
           console.log(j)
         }
       }))(i)
     }
   }
   bindEvent()

   bar函数记住了foo函数的词法作用域,foo函数为每个bar函数选好了属于它自己的i，等着bar去访问就好啦。

总结：

闭包的应用场景还有很多，可以说是随处可见了。
理解它的核心思想：函数可以记住并访问所在的词法作用域，才可以根据你自己的意愿来识别、拥抱和影响闭包的思维环境。